import React, { useState } from 'react'
import './App.css'
// import List1 from './List1'
import List2 from './List2'
// import StateDemo1 from './StateDemo1'
// import ImmerDemo from './ImmerDemo'
// import UseRefDemo from './UseRefDemo'
import UseMemoDemo from './UseMemoDemo'

function App() {
    const [count, setCount] = useState(0)
    function add() {
        setCount(count + 1)
    }
    return (
        <>
            {/* <UseMemoDemo /> */}
            {/* <UseRefDemo /> */}
            {/* <ImmerDemo /> */}
            <List2 />
            {/* <StateDemo1 /> */}
            {/* <div>
                <button onClick={add}> add {count} </button>
            </div> */}
        </>
    )
}
export default App
